
html {  
	height: 100%;
	margin:0;
	padding:0;
	width:100%;
	
	
}


body {  
	margin:0;
	padding:1em;
	height: 100%;
	background-color:#000;
	text-align:center;
	overflow:auto;
}

#wrapper {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	min-width:80em;
	min-height:30em;
	
}

#header {
	width:100%;
        min-width:50em;
	height:15%;
	min-height:5em;
        background-color:#0489B1;
	text-align:center;
	margin:0;
        }

#cuerpo { 
        background-color:#81DAF5;
	width:100%;
	min-width:50em;
        min-height:20em;
	
	height:auto;
	margin:0;
	}



#footer {  
	background-color:#0489B1;
	width:100%;
        min-width:50em;
	height:15%;
	margin:0;
	min-height:5em;
	text-align:center;
	}

#header h1 {
		font-family:tahoma;
	display:inline-block;
	padding:0;
	margin-top:1%;
}


#footer h3 {
		font-family:tahoma;
		display:inline-block;
}


#form1 div {
 	text-align:center;
	padding: 0.938em 0.938em 0.938em 1.875em;
}

#form1 label{
	font-size:1.250em;
}


/*Mobile portrait (320x480)*/
@media only screen and (max-width: 320px){
		
html {  
	width:20em;
	}

body {
	padding:0;
	}

#header {
	min-width:10em;
	}

#cuerpo { 
     	min-width:19em;
	
        }

#dialogo {	
	width:18em;
    	}

#footer {  
	min-width:10em;
	}

}


/*Tablet portrait (768x1024)*/
@media only screen and (min-width: 321px) and (max-width: 768px){

html {  
	width:48em;
	}


#header {
	min-width:48em;
	}

#cuerpo { 
     	min-width:48em;
        }

#dialogo {	
	width:18.275em;
    	}

#footer {  
	min-width:48em;
	}
}


#cssmenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	min-width:80em;
	}
#cssmenu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
#cssmenu li{
	float:left;
	padding:0px;
	}
#cssmenu li a{
	background:#333333 url('../images/seperator.gif') bottom right no-repeat;
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:35px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}
#cssmenu li a:hover, #cssmenu ul li:hover a{
	background: #2580a2 url('../images/hover.gif') bottom center no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	}
#cssmenu li a.denied:hover, #cssmenu ul li:hover a.denieds{
	background: #FF0000;
	color:#FFFFFF;
	text-decoration:none;
	}
#cssmenu li ul{
	background:#333333;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
#cssmenu li:hover ul{
	display:block;
	
	}
#cssmenu li li {
	background:url('../images/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
	}
#cssmenu li:hover li a{
	background:none;
	
	}
#cssmenu li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
	background:#2580a2 url('../images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
#cssmenu li a.denied:hover, #cssmenu li li:hover a.denied{
	background:#FF0000;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
#cssmenu li ul a.denied:hover, #cssmenu li ul li:hover a.denied{
	background:#FF0000;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}       
#cssmenu p{
	clear:left;
	}	

.btn.bluederecho { background: #2580a2;
	    border: 3px double #aaa;
	      
	 }
.btn.blueizquierdo { background: #2580a2;
	    border: 3px double #aaa;
 	     	  
	 }
.btn:hover { background-color: yellow; }
.btn:active { background-color: red; }

table{
	margin-left:auto;
	margin-right:auto;
	border:0;
}